﻿@charset "UTF-8";

* {
-moz-box-sizing: border-box; /* Mozilla */
box-sizing: border-box; /* Opera7 */
} 

body {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #555555/* #0464BB; #395259;*/;
	margin: 3px;
	background-color: #fcfdfd;
	padding:5;
}

A:link,A:active {
	color: #5060b8;
	text-decoration: none;
}

A:visited {
	color: #9430a3;
	text-decoration: none;
}

a:hover{
	color: #C00E0C;
}

TR,TD {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
}

table.adaptive {
	width:auto;
}

table{
	width:100%
}

.zxt-Element,.zxt-Composite,.zxt-Interactor,.zxt-Widget{
	width:100%;
}
.zxt-Composite{
	
}
.zxt-Element,.zxt-Interactor{
	
}

.zxt-Element{
	position:relative;
}

.zxt-focus{
	/*border: #e7c37b 1px solid;*/
}

.zxt-Label{	
	width:100%;
	white-space: normal;
	word-wrap:break-word;	
	overflow:hidden;
	color:#0f2bd7;
}

.zxt-Button {
	background-color: #f3f8e6;  /*#fff6a6; #E7E7E7;*/
	font-size: 12px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	cursor: pointer;
	height: 18px;
}

.zxt-LButton{
	background: url("../images/zxt_button_l.png") no-repeat ;
	width:3px;
	height:21px;
}

.zxt-CButton{
	background: url("../images/zxt_button_c.png") repeat-x ;
	padding:0 10px 0 10px;
	text-align:center;
	height:21px;
	line-height:21px;
	font-size:12px;
	cursor: pointer;
}


.zxt-RButton{
	background: url("../images/zxt_button_r.png") no-repeat ;
	width:3px;
	height:21px;	
}

.zxt-Button-disabled{
	color:#b5b0b6;
	cursor: default;
}

.zxt-LButtonFocus{
	background: url("../images/zxt_button_focus_l.png") no-repeat ;
	width:3px;
	height:21px;
}
.zxt-CButtonFocus{
	background: url("../images/zxt_button_focus_c.png") repeat-x ;
	padding:0 10px 0 10px;
	text-align:center;
	height:21px;
	line-height:21px;
	font-size:12px;
	cursor: pointer;
}
.zxt-RButtonFocus{
	background: url("../images/zxt_button_focus_r.png") no-repeat ;
	width:3px;
	height:21px;
}


/*-- UI Elements --*/
.textbox{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	display: inline;
	float: left;
	outline: none;
	/*border: 1px solid #9fb+a2f;*/
	background-color: #fcfdfd;	
	border: 1px solid #d3d5d5;
	color: #cbcbcb;
	padding: 0px 2px 0px 4px;
	outline: none;
}

.textbox-focus {
	background-color: #f4fed8;
	border: 1px solid #9fba2f;
	color:#555;
	padding: 0px 2px 0px 0px;
}

.textbox-required {
	background-color: #ccebf5; /*fffff7;*/
	border:1px solid #1e0b91; /*border: 1px solid #ffcc00;*/
	color: #ffcc00;
	padding: 0px 2px 0px 4px;
}

.textbox-invalid {
	background-color: #fff5fa;
	border: 1px solid #C00E0C;
	border-left: 4px solid #C00E0C;
	color: #C00E0C;
	padding: 0px 2px 0px 0px;
}

.textbox-checked {	
	background-color: #f4fed8;
	border: 1px solid #9fba2f;
	border-left: 4px solid #9fba2f;
	color: #555555;
	padding: 0px 2px 0px 0px;
}

.zxt-textbox{
	border:1px solid #ababab;	
	height:19px;
	padding:0px;
	text-transform:none;	
}
.zxt-txhint{
	color: #cbcbcb !important;
}
.zxt-txmust{	
	background-color: #ccebf5; /*#dcecfb;*/	
}

.zxt-txerror{
	background-color:#fafa43;
}
.zxt-txpass{
	border:1px solid #ababab; /*#ababab #afe3b5*/
}


PasswordBox{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color:#0464BB;	
	width:200px;
	display: inline;
	float: left;
	outline: none;
}

div.IPDiv {
	background: #FFFFFF; 
	width: 122px; 
	height: 16px; 
	font-size: 12px; 
	text-align: center; 
	border-top: 1px ridge threedshadow; 
	border-left: 2px ridge threedshadow; 
	border-right: 2px inset threedhighlight; 
	border-bottom: 1px inset threedhighlight;
	padding-left: 0px;
	padding-top: 0px;
	margin: 1px; 
}

input.IPInput {
	width: 24px; 
	height: 16px; 
	margin: 0px; 
	font-size:12px; 
	text-align: center; 
	border-width: 0px; 
	background: #FFFFFF; 	
}

.Select {
	height: 20px;
	border: 1px solid #999999;
	padding-left: 1px;
	padding-top: 1px;
	
	color: #555555;		
	background: #fcfdfd;
	font-size: 14px;
}


.zxt-Select{width:100%;height:19px;border:1px solid #7d7d7d;background-color:#fff;position:relative;}
.zxt-Select .zxt-SelectCurrent{height:17px;padding-top:0px;padding-left:2px;padding-right:2px;line-height:17px;overflow:hidden;text-align:left;font-size:12px;}
.zxt-Select .zxt-SelectArrowDiv{width:17px;height:17px;overflow:hidden;border-left:1px solid #7d7d7d;background:#e6e6e6 url(../images/zxt_select.gif) repeat-x 0 -50px;cursor:pointer;}
.zxt-Select .zxt-SelectArrowDiv a{display:block;height:20px;text-align:center;border:1px solid #fff;}
.zxt-Select .zxt-SelectArrowDiv a:hover{background:#f4f4f4 url(../images/zxt_select.gif) repeat-x 0 -75px;}
.zxt-Select .zxt-SelectArrowDiv .zxt-SelectArrow{display:block;height:17px;background:url(../images/zxt_select.gif) no-repeat center -150px;}
.zxt-Select .zxt-SelectArrowDiv .zxt-SelectArrow span{display:none;}
.zxt-Select .zxt-SelectOptions{position:relative;*position:absolute;z-index:20000;width:100%;margin-top:0px;margin-left:-1px;display:none;background-color:#fff;border:1px solid #7d7d7d;}
.zxt-Select .zxt-SelectOptions li a{display:block;height:22px;line-height:22px;padding-left:6px;color:#000;text-decoration:none;overflow:hidden}
.zxt-Select .zxt-SelectOptions li a:hover{background:#36c;color:#fff;}
.zxt-Select ul{font-size:12px; line-height:20px; margin:0px; padding:0px; list-style:none; width:200;}
.zxt-Select .zxt-SelectDisable{color:#b5b0b6;}
div .zxt-SelectFocus { width:100%;height:19px;background-color:#fff;border:1px solid #4d4d4d; }


/*-- end of UI Elements --*/



/*-- Fieldset --*/
.fieldset {
	-moz-border-radius: 5px;
	border: 1px solid #5FACD8; /*border: 1px solid #9fba2f;*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.fieldset-legend {
	font-weight: bold;
	color: #000000; /*#0464BB;*/
	padding: 0 5px;
	background: #fcfdfd;
	margin-left: 10px;
}

.fieldset-foldImg {
	vertical-align: center;
	opacity: 0.3;
	-ms-filter: "alpha(opacity=80)";
	padding-left: 3px;
	width: 12px;
	height: 12px;
}

.fieldsetOpen {	
}

.fieldsetClose {
	border-left:0;
	border-right:0;
	border-bottom:0;
}

.fieldsetFixed {
}

/*-- end of Fieldset --*/

/*-- Region --*/
.Region-Panel {
	padding:0;
	margin:0 0 1px 0;
	background-color: #fcfdfd;
}

.Region-Fieldset {
	border:1px solid #547586; /*#97bc25;*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	padding:0;
	margin:0;	
}

.Region-ContentDiv{
	background:#F8F8F8;
}
	
.Region-FieldsetTitle {
	padding:0;
	margin:0;
	/*border-bottom:1px solid	#395259;*/
	background-color: #ebebeb; /* #547586; #97bc25;*/
}


.Region-FieldsetCaption {
	color:#000000; /*#fcfdfd;*/
	font-weight:bold;
	margin-left: 5px;
	
}
/*-- end of Region --*/

.zxt-TabPanel{
	height:100%;
}	

.zxt-Tabs{	
	background: url("../images/zxt_tab_line.png") 0 -5px repeat-x ;
	height:28px;
	float:left;
	width:100%;
}

.zxt-TabCur .zxt-TabL{
	background: url("../images/zxt_tab_cl.png") no-repeat ;
	width:6px;
	height:28px;
	float:left;
}

.zxt-TabCur .zxt-TabC{
	background: url("../images/zxt_tab_cc.png") repeat-x ;
	padding:7px 10px 0px 10px;
	text-align:center;
	float:left;
	height:28px;
	/*font-size:15px;*/
	color:#5e5956;
	font-weight:bold;	
}

.zxt-TabCur .zxt-TabR{
	background: url("../images/zxt_tab_cr.png") no-repeat ;
	width:9px;
	height:28px;
	float:left;
}

.zxt-Tab .zxt-TabL{
	background: url("../images/zxt_tab_nl.png") no-repeat ;
	width:6px;
	height:28px;
	float:left;
}
.zxt-Tab .zxt-TabC{
	background: url("../images/zxt_tab_nc.png") repeat-x ;
	padding:7px 10px 0px 10px;
	text-align:center;
	float:left;
	height:28px;
	/*font-size:15px;*/
	color:#5e5956;
	font-weight:bold;
	cursor:pointer;
}

.zxt-Tab .zxt-TabR{
	background: url("../images/zxt_tab_nr.png") no-repeat ;
	width:9px;
	height:28px;
	float:left;
}

.zxt-TabBody{
	border-left: 1px solid #d0e1f3;
	border-right: 1px solid #d0e1f3;
	width:100%;
	height:100%;
	float:left;
	padding-top:3px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.zxt-TabBottom{	
	width:100%;
	clear:both;
	height:8px;
	background:url("../images/zxt_tab_bottom.png") repeat-x ;	
}

.zxt-TabBottomL{
	background: url("../images/zxt_tab_bottomL.jpg") no-repeat ;
	width:8px;
	height:8px;
	float:left;
}

.zxt-TabBottomR{
	background: url("../images/zxt_tab_bottomR.jpg") no-repeat ;
	width:8px;
	height:8px;
	float:right;
}

.tabs-close {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/zxt_tab_close.png");
	background-position:0 0;
	background-repeat:no-repeat;
	height:8px;
	width:8px;
}

.tabtxt{
	float:left;
}

.tab-img{
	float:left;
	padding-left:10px;
	padding-top:3px;
}

/*  end of Tab  */



.por-Scroller td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
}

.por-Bar {
	font-size: 12px;
	font-weight: Bold;
	color: #202020;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	height: 22px;
}

.por-MessageBar {
	background-color: #F3F8E6;
	font-size: 12px;
	font-weight: Bold;
	color: #505050;
	line-height: 18px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.disablemask {
	background-color:#C0C0C0 ; /*33393C;*/ 
	left:0px;
	top:0px;
	position:absolute;
	opacity:0.3;
}

.por-PopHideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	/*-moz-opacity: 0;*/
	opacity: 0;
	height:100%;
	width:100%;
}

.por-PopOverlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=15);
	/*-moz-opacity: 0.45;*/
	opacity: 0.15;
	height:100%;
	width:100%;
}

.por-PopWindow {
	position: fixed;
	background: #F0F0F0;
	z-index: 102;
	color:#000000;
	display:none;
	/*border:2px 2px 6px 2px solid #547586;  #97BC25;*/
	text-align:left;
	top:50%;
	left:50%;
}

.por-PopTitle {
	background-color: #547586;
	height:22px;
	font-weight:bold;
}

.por-PopCaption {
	color: #fcfdfd;
	float:left;
	padding:1px 0 3px 10px;
	margin-bottom:1px;
	font-size:12px;
	white-space: nowrap;
	overflow:hidden;
}

.por-PopClose {
	color: #fcfdfd;
	padding:1px 10px 3px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	cursor:pointer;
	font-size:12px;
	overflow:visible;
}

.por-PopContainer {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow: hidden;
	text-align:left;
	line-height:1.4em;
}

.por-PopContainer .por-PopModal {
	padding:15px;
}

.por-PopContainer p {
	padding:5px 0px 5px 0px;
}

.por-PopIFrame{
	clear:both;
	border:none;
	margin-top:1px;
	margin-bottom:1px;
}


.por-SearchBar {
	background-color: #d1d6f0;
	font-size: 12px;
	font-weight: Bold;
	color: #505050;
	line-height: 18px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}


/* THE BIG GUYS */

.zxt-DataForm {
	margin:0;
	padding:0;
	cellspacing:0;
	cellpadding:0;
	font-size:12px;
	border: 1px solid #999999;
	border-collapse:collapse;
}


.zxt-DataForm th{
	border: 1px solid #999999;
}

tr.zxt-FormHeader  th {
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	background:#547586;
}

tr.zxt-FormBody  th {
	text-align:left;
	color:#505050;
	font-size:12px;
	background:#f3f8e6;
	padding-left:4px;
}

tr.zxt-FormBody  > td {
	text-align:left;
	vertical-align:top;
	color:#505050;	
	padding-left:1px;
	border: 1px solid #999999;
}


.zxt-DataGrid {
	/*background-color: #999999;*/
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	table-layout:fixed;
}

.zxt-TableHeadings {
	/*background: #dddddd;*/
	background: url(../images/list_title_bg.jpg) repeat-x;
	color:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	height:25px;
}

.zxt-TableHeadings .zxt-Highlight {
	background: #dddddd;
	cursor: pointer;
}

.zxt-TableHeadings div {
	color:black;
}


.zxt-Table {

}

.zxt-TableDataHead {
	/*background: #dddddd;*/
	background: url(../images/list_title_bg.jpg) repeat-x;
	color:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	height:1px;
}

.zxt-TableRow0 {
	background: #ebf0f6;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #202020;
	line-height: 20px;
	cursor: pointer;
	margin:1px;
}

.zxt-TableRow1 {
	background: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #202020;
	line-height: 20px;
	cursor: pointer;
}

.zxt-TableRow-Select {
	background: #4696dc;
}

.zxt-TableRow-Clicked {
	background: #ccebf5;
}

.zxt-RowCurrent{
	background: #ccebf5; /* #EAF4D9;*/
}

.zxt-Table tr td:first-child .zxt-Label {
	padding-left:3px;
}

.zxt-Table .zxt-Label {
	OVERFLOW: hidden;
	height:18px;
	TEXT-ALIGN: left;
	word-wrap: break-word;
	word-break: break-all;
	text-overflow: ellipsis;
}

/* START OF CELL BORDER */
/**
.zxt-Table td {
	border-top: 1px solid #999999;
}

.zxt-Table td {
	border-right: 1px solid #999999;
}

.zxt-Table .zxt-TableTail {
	border-right: 0px solid #999999;
}**/
/* END OF CELL BORDER */




.ef-menu,.ef-menu * {
	
}

.ef-menu {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 100px;
	padding: 1px;
	BORDER-TOP: #ffffff 1px solid;
	BORDER-BOTTOM: #d1d6f0 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #d1d6f0 1px solid;
	BACKGROUND-COLOR: #f2f4fe
}

.ef-menu-empty {
	display: block;
	border: 1px solid white;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	font-family: Tahoma, Verdan, Helvetica, Sans-Serfif;
	color: black;
}

.ef-menu a {
	display: block;
	width: 100%;	
	overflow: visible;
	padding: 2px 0px 2px 5px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: black;
	background: #f2f4fe;
}

.ef-menu a .arrow {
	float: right;
	border: 0;
	width: 3px;
	margin-right: 3px;
	margin-top: 4px;
}

/* separtor */
.ef-menu div {
	height: 2px;
	border-top: 1px solid rgb(120, 172, 255);
	border-bottom: 1px solid rgb(234, 242, 255);
	overflow: hidden;
	margin: 2px 0px 2px 0px;
	font-size: 0mm;
}

.ef-menu-bar {
	background: #f2f4fe;
	padding: 2px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
}

.ef-menu-bar a,.ef-menu-bar a:visited {
	padding: 1px 5px 1px 5px;
	color: black;
	text-decoration: none;
}

.ef-menu-bar a:hover {
	color: black;
	background: #d1d6f0;
}

.ef-menu-bar a .arrow {
	border: 0;
	float: none;
}

.ef-menu-bar a:active,.ef-menu-bar a:focus {
	outline: none;
	border-left: 1px solid rgb(0, 66, 174);
	border-right: 1px solid rgb(234, 242, 255);
	border-top: 1px solid rgb(0, 66, 174);
	border-bottom: 1px solid rgb(234, 242, 255);
}

.ef-menu a.ef-menu-item-selected {
	color: highlighttext;
	text-decoration: none;
    background: #d1d6f0; 
}

.ef-tree-container {
	margin: 0px;
	padding: 0px;
	font: icon;
	white-space: nowrap;
}

.ef-tree-item {
	padding: 0px;
	margin: 0px;
	font: icon;
	color: WindowText;
	white-space: nowrap;
	!height: 16px;
	line-height: 1;
}         
  
.ef-tree-item a,.ef-tree-item a:active,.ef-tree-item a:hover {
	margin-left: 3px;
	padding: 0px 2px 1px 2px;
}  

.ef-tree-item a {
	color: black;
	text-decoration: none;
}

.ef-tree-item-selected {
	color: highlighttext;
	text-decoration: none;
    background: #eacef0; 
}

.ef-tree-item-current {
	color: highlighttext;
	text-decoration: none;
    background: #d1d6f0; 
}

.ef-tree-item a:hover {
	color: blue;
	text-decoration: underline;
}

.ef-tree-item a:active {
	background: highlight;
	color: highlighttext;
	text-decoration: none;
}

.ef-tree-item img {
	vertical-align: middle;
	border: 0px;
}

.ef-tree-icon {
	width: 16px;
	height: 16px;
}


.zxt-listbox{
	background: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #202020;
	line-height: 20px;
	cursor: pointer;
	margin:1px;
	border: #999999 1px solid;
}

.zxt-listbox-row-hover {
	background: #f3f8e6;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #202020;
	line-height: 20px;
	cursor: pointer;
}

.zxt-listbox-row-selected{
	background: #EAF4D9;
}


.zxt-kbdiv {
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 1p;
	cursor: pointer;
}

.zxt-kbtable {
	border: 1px solid #CCCCCC;
	border-collapse:collsapse;
	table-layout:fixed;
	width:420px;
}

.zxt-kbtable_numonly {
	border: 1px solid #CCCCCC;
	border-collapse:collsapse;
	table-layout:fixed;
	width:160px;
}

.zxt-kbtable td {
	padding: 0px;
	FONT: 12px ����,Tahoma; 
	COLOR: #505050
}

.zxt-kbkey {
	height: 20px;
	width: 20px;
	text-align: center;
	BORDER-RIGHT: 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: 1px solid; 
	PADDING-LEFT: 2px;
	FONT-SIZE: 14px; 
	BORDER-LEFT: 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: 1px solid; 
	width:25px; 
	height:20px;
	BORDER-LEFT-COLOR: #7b9ebd; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#DDDCDC); BORDER-BOTTOM-COLOR: #5c08b2; COLOR: #075bc3; BORDER-TOP-COLOR: #7b9ebd; BORDER-RIGHT-COLOR: #5c08b2
	/* Firefox 3.6 */
	background-image: -moz-linear-gradient(top, #ffffff, #DDDCDC);   
  
  /* Safari & Chrome */  
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDCDC),color-stop(1, #ffffff));   
  
  /* IE6 & IE7 */  
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#DDDCDC');  
  
  /* IE8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#DDDCDC')"; 
}

.zxt-kbnum {
	text-align: center;
	width:27px;
	BORDER-RIGHT:1px solid;
	BORDER-RIGHT-COLOR: #7ebf4f;
	PADDING-RIGHT: 1px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 2px; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: 1px solid;
	BORDER-LEFT-COLOR: #7ebf4f; 
	PADDING-TOP: 1px;
	BORDER-TOP-COLOR: #7ebf4f; 
	BORDER-BOTTOM: 1px solid;
	BORDER-BOTTOM-COLOR: #7ebf4f;
	height:22px;
	 
	/* Firefox 3.6 */
	background-image: -moz-linear-gradient(top, #ffffff, #d3D997);   
  
  /* Safari & Chrome */  
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d3D997),color-stop(1, #ffffff));   
  
  /* IE6 & IE7 */  
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d3D997');  
  
  /* IE8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d3D997')";  
	 
	 
	
}

.zxt-kbsym {
	text-align: center;
	width:27px;
	BORDER-RIGHT:1px solid;
	BORDER-RIGHT-COLOR: #7ebf4f;
	PADDING-RIGHT: 1px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 2px; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: 1px solid;
	BORDER-LEFT-COLOR: #7ebf4f; 
	PADDING-TOP: 1px;
	BORDER-TOP-COLOR: #7ebf4f; 
	BORDER-BOTTOM: 1px solid;
	BORDER-BOTTOM-COLOR: #7ebf4f;
	height:22px;
	 
	/* Firefox 3.6 */
	background-image: -moz-linear-gradient(top, #ffffff, #B3D997);   
  
  /* Safari & Chrome */  
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #B3D997),color-stop(1, #ffffff));   
  
  /* IE6 & IE7 */  
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#B3D997');  
  
  /* IE8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#B3D997')";  
	 
	 
	
}

.zxt-kbnum_only {
	text-align: center;
	width:50px;
	BORDER-RIGHT:1px solid;
	BORDER-RIGHT-COLOR: #7ebf4f;
	PADDING-RIGHT: 1px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 2px; 
	FONT-SIZE: 20px; 
	BORDER-LEFT: 1px solid;
	BORDER-LEFT-COLOR: #7ebf4f; 
	PADDING-TOP: 1px;
	BORDER-TOP-COLOR: #7ebf4f; 
	BORDER-BOTTOM: 1px solid;
	BORDER-BOTTOM-COLOR: #7ebf4f;
	height:40px;
	 
	/* Firefox 3.6 */
	background-image: -moz-linear-gradient(top, #ffffff, #B3D997);   
  
  /* Safari & Chrome */  
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #B3D997),color-stop(1, #ffffff));   
  
  /* IE6 & IE7 */  
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#B3D997');  
  
  /* IE8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#B3D997')";  
	 
	 
	
}

.zxt-kbcolspan {
  width:64px;
	text-align: center;
	font-size: 12px;
	BORDER-RIGHT:1px solid;
	BORDER-RIGHT-COLOR: #c4e1ff;
	PADDING-RIGHT: 1px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 2px; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: 1px solid;
	BORDER-LEFT-COLOR: #c4e1ff; 
	PADDING-TOP: 1px;
	BORDER-TOP-COLOR: #c4e1ff; 
	BORDER-BOTTOM: 1px solid;
	BORDER-BOTTOM-COLOR: #c4e1ff;
	/* Firefox 3.6 */
	background-image: -moz-linear-gradient(top, #ffffff, #c4e1ff);   
  
  /* Safari & Chrome */  
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4e1ff),color-stop(1, #ffffff));   
  
  /* IE6 & IE7 */  
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c4e1ff');  
  
  /* IE8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c4e1ff')"; 
}

.zxt-kbmouseover {
	font-weight: bold;
	color: red;
}


.zxt-lockOverlay {
	position: fixed;
	z-index:200;
	top: 0px;
	left: 0px;
	background:url("../images/zxt_loading.gif") no-repeat;
	background-position:40% 28%;
	/*background-color:#FFFFFF;*/
	filter:alpha(opacity=55);
	-moz-opacity: 0.45;
	height:100%;
	width:100%;
}
